<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <th:block th:include="/pc/include :: header('高校疫情管理')"/>
    <link th:href="@{/pc/css/index.css}" rel="stylesheet"/>

    <link th:href="@{/pc/video/fonts/iconfont.css}" rel="stylesheet"/>
    <link th:href="@{/pc/video/css/reset.css}" rel="stylesheet"/>
    <link th:href="@{/pc/video/css/player.css}" rel="stylesheet"/>

    <link th:href="@{/pc/css/reset.css}" rel="stylesheet"/>
    <link th:href="@{/pc/css/css.css}" rel="stylesheet"/>

</head>
<body style="background-color: #F5F5F5">
<div id="top">
    <div class="top_1">
        <div class="top_1-2">
            <ul>
                <li class="n1">
                    <span th:if="!${session.userInfo}">
                        <a href="/login?isPc=pc">登录</a>
                    </span>
                    <span th:if="${session.userInfo}" style="color: #FB6302">
                        <img th:src="(${#strings.isEmpty(session.userInfo.avatar)}) ? @{/img/profile.jpg} : @{${session.userInfo.avatar}}"
                             class="img-circle"
                             style="width: 25px;height: 25px"
                             alt="User Image">&nbsp;&nbsp;[[${session.userInfo.userName}]]
                    </span>
                </li>
                <li class="n1">
                    <span th:if="${session.userInfo}">
                        <a href="/pc/center">个人中心</a>
                    </span>
                </li>
                <li class="n1">
                    <a th:if="${session.userInfo}" href="/logout">
                        <i class="fa fa-sign-out"></i> 退出登录</a>
                </li>
            </ul>
        </div>
    </div>
</div>

<div id="head2" style="width: 1516px;">
    <img id="   head22" th:src="${gongGaosF}" style="width: 756px; height: 422px;"/>
    <div class="head2_3" style="width: 800px;margin-left: 770px;height: 422px;">
        <div style="font-size: 18px;height: 21px;padding: 13px 10px;background-color: #eee">
            课程表
        </div>
        <div style="width: 800px;height: 342px;margin: 30px auto;" id="rili">
            <div id='calendar' style="width: 941px;"></div>
        </div>
    </div>
</div>

<div class="head2_3" style="width: 756px;margin-top: 490px;margin-left: 197px;height: 400px">
    <div class="head2_1-1">
        <div style="font-size: 18px;height: 47px;padding: 13px 10px;margin-top:-25px;background-color: #eee">
            最新公告
        </div>
        <ul>
            <li th:each="item:${gongGaos}" class="moreLine"
                th:onclick="|window.location.href='/pc/gongGao/details?id=${item.id}'|"
                th:text="${item.name}">
            </li>
        </ul>
    </div>
</div>
<div class="head2_3" style="width: 800px;margin-top: 490px;margin-left: 966px;height: 400px">
    <div class="head2_1-1">
        <div style="font-size: 18px;height: 47px;padding: 13px 10px;margin-top:-25px;background-color: #eee">
            物资安排
        </div>
        <ul>
            <li th:each="item:${gongGaos}" class="moreLine"
                th:onclick="|window.location.href='/pc/gongGao/details?id=${item.id}'|"
                th:text="${item.name}">
            </li>
        </ul>
    </div>
</div>


<div class="contentDiv_1"></div>

</div>
<div id="foot3" style="margin-top: 80px;"></div>
<th:block th:include="include :: footer"/>

<script th:src="@{/pc/video/js/utill.js}"></script>
<script th:src="@{/pc/video/js/player.js}"></script>
<script th:src="@{/pc/js/index.js}"></script>
<script type="text/javascript">

    $(function () {
        var arr = [];
        $.ajax({
            type: "post",
            url: "/system/tongzhi/list",
            success: function (result) {
                if (result.code == web_status.SUCCESS) {
                    for (let i = 0; i < result.rows.length; i++) {
                        arr[i] = result.rows[i].img;
                    }
                }
            },
        });
        var index = 0;
        setInterval(function () {
            if (index == arr.length) {
                index = 0;
            }
            var bennerImage = arr[index];
            $("#head22").prop("src", bennerImage);
            index++
        }, 3000);
    });


    function show7(t) {
        var div = t.parentNode;
        var div2 = div.children[1];
        div2.style.borderColor = "#FF6700";
        div2.style.backgroundColor = "#FF6700";
        div2.style.color = "white";
    }

    function yincang(id) {
        document.getElementById(id).style.display = "none";
    }

    function yincang3(t) {
        var div = t.parentNode;
        var div2 = div.children[1];
        div2.style.borderColor = "white";
        div2.style.backgroundColor = "#050505";
        div2.style.color = "white";
    }
</script>

</body>

</html>
